<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home</title>
    <link rel="stylesheet" th:href="@{../static/css/component.css}">
    <link rel="stylesheet" th:href="@{../static/css/admin.css}">
    <link rel="stylesheet" th:href="@{../static/css/font-awesome.min.css}">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script th:src="@{../static/js/JQuery2.1.4.js}"></script>
    <script th:src="@{../static/js/common.js}"></script>
</head>

<body>
<div class="rbody" id="app">
    <div class="top">
        当前位置：后台<i class="fa fa-fw fa-angle-right"></i>赛事取消
    </div>
    <div class="main">
        <form class="bs-example bs-example-form" role="form" th:action="@{/event/event_cancel(pageNum=1)}" method="post">
            <div class="input-group">
                <span class="input-group-addon">赛事编号</span>
                <input name="EventId" type="text" class="form-control" placeholder="8位">
            </div>
            <button type="submit" class="btn btn-success" >查询</button>
        </form>
        <div class="table-responsive">
            <table class="table table-striped ">
                <tr>
                    <th>赛事ID</th>
                    <th>赛事名称</th>
                    <th>申请用户</th>
                    <th>赛事负责人</th>
                    <th>负责人电话</th>
                    <th>赛事状态</th>
                    <th>操作</th>
                </tr>
                <tr th:each="event:${page.records}">
                    <td  th:text="${event.EventId}"></td>
                    <td th:text="${event.EventName}"></td>
                    <td th:text="${event.Applicants}"></td>
                    <td th:text="${event.EventPrincipal}"></td>
                    <td th:text="${event.PrincipalPhone}"></td>
                    <td th:text="${event.EventStatus}"></td>
                    <td>
                        <button type="button">
                            <a th:href="@{../event/eventcancel(EventId=${event.EventId})}">取消</a>
                        </button>
                    </td>
                </tr>
            </table>
            <ul class="pagination" style="float: right;" th:if="${page.total != 0}">
                <li class=""th:classappend="${page.current == 1} ? 'disabled' : '' ">
                    <a th:href="@{../event/event_cancel(pageNum=${page.current}-1)}">&laquo;</a>
                </li>
                <li class=""th:classappend="${page.current == i} ? 'active' : '' " th:each="i:${#numbers.sequence(1,page.pages)}">
                    <a th:href="@{../event/event_cancel(pageNum=${i})}"><span th:text="${i}"></span></a>
                </li>
                <li class=""th:classappend="${page.current == page.pages} ? 'disabled' : '' ">
                    <a th:href="@{../event/event_cancel(pageNum=${page.current}+1)}">&raquo;</a>
                </li>
            </ul>
        </div>

    </div>
</div>
</div>

</body>

</html>